<script setup>


</script>

<template>
    

    <div class="userdiv">
	    <h1>后台首页</h1>
		<div class="content">
			<div class="menu">
				<router-link to="/home/students">学生管理</router-link><br />
				<router-link to="/home/courses">课程管理</router-link><br />
			</div>
			<div class="main"><router-view></router-view></div>
		</div>
	</div>
</template>

<style scoped>
h1 {
		background-color: lightgray;
		margin: 0px;
		text-align: center;
	}

	.content {
		display: flex;
		height: 100%;
	}

	.menu {
		width: 150px;
		height: 100%;
		display: inline-block;
		background-color: #eee;
		text-align: center;
		padding-top: 10px;
	}
	
	.main{
		flex: 1;
		display: inline-block;
		background-color: #ddd;
	}
</style>
